$(document).ready(
	function waterfall2(){
		var box = $('#waterfall2').children("dd");
		var boxer = [];//存放内容的数组
		var timer;
		var total = box.length;
		var dlNo=0;//页面中已经生成的dl数量
		var i=0;//源dl的索引值
		for(i;i<total;i++){boxer.push(box.eq(i).html());}//获取源内容，生成数组
		$('#waterfall2').html("<div class='col' id='colA'></div><div class='col' id='colB'></div><div id='addMore'>显示更多</div>");//生成新的框架结构
		var colA=$('#colA');
		var colB=$('#colB');
		var hA,hB;//四栏的高度
		function show(showdlNo){//添加新内容，参数为添加的数量
			for(var n=0;n<showdlNo;n++){
				hA = colA.height();
				hB = colB.height();
				if(i==total){i=0}
				if(hA<=hB){
					colA.append("<dd class='num1' id='wf"+dlNo+"'>"+boxer[i++]+"</dd>");
				}else{
					colB.append("<dd id='wf"+dlNo+"'>"+boxer[i++]+"</dd>");
				}
				$('#wf'+dlNo++).fadeIn('300');
			}
		}
		show(20);//页面初始显示八个dl
		$(window).scroll(function(){
			if(dlNo<40){//设置页面中的滚动可显示dl的数量
				clearTimeout(timer);
				timer = setTimeout(function(){
					if($(document).scrollTop()+$(window).height()>$(document).height()-300){show(4);}
				},500);
			}else{$('#addMore').fadeIn('200');}
		});
		$('#addMore').click(function(){show(8)});
	} 
);